@media screen and (min-width: 968px) {
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  #staff {
    position: relative;

    // 导航开始
    .nav {
      width: 100%;
      position: absolute;
      z-index: 888;
      background: rgba($color: #000000, $alpha: 0.2);

      .nav-box {
        width: 90%;
        margin: auto;
        display: flex;
        // justify-content: space-between;
        align-items: center;

        .none {
          display: none;
        }

        .nav-content {
          width: 20%;
        }

        .none1 {
          width: 100%;

          img {
            width: 100%;
            // height: 60px;
            display: block;
          }
        }

        .none2 {
          display: none;
        }

        .uls {
          width: 100%;

          ul {
            display: flex;
            list-style: none;
            width: 100%;

            li {
              width: 10%;
              // border: 1px solid red;
              text-align: center;

              a {
                text-decoration: none;
                color: #fff;
                width: 10%;
                font-weight: bold;
              }
            }
          }
        }
      }
    }

    // 导航结束
    // banner图开始
    .banner {
      img {
        width: 100%;
      }
    }

    // banner图结束
    // 内容开始
    .content {
      background-color: #eef8fc;

      .content-box {
        width: 90%;
        margin: auto;
        display: flex;
        justify-content: space-between;

        .content-left {
          margin-top: -82px;
          width: 15%;
        }

        .content-left ul {
          list-style: none;
          list-style-position: inside;
          padding: 0;
          margin: 0;
          background-color: #fff;
          border-radius: 10px;
          position: sticky;
          top: 10px;
          overflow: hidden;

          .top1 {
            padding-left: 5px;
            text-align: center;
            height: 80px;
            padding-top: 15px;
            background-color: rgba($color: #005bac, $alpha: 0.8);
            color: #fff;
            font-size: 22px;

            .span {
              display: block;
              font-size: 14px;
            }
          }

          li {
            text-align: center;
            border-bottom: 3px solid #ededed;
            margin-bottom: 20px;

            // width: 90%;
            // margin: auto;
            // border: 1px solid red;
            // padding-left: 5px;
            a {
              text-decoration: none;
              display: block;
              color: #3275b6;
              // width: 100%;
              height: 40px;
              line-height: 40px;
              // padding-left: 15px;

              .span1 {
                margin-left: 70px;
                font-size: 20px;
              }
            }

            a:hover {
              font-size: 20px;
              color: red;
            }
          }

          li:nth-child(8) a {
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
          }
        }
      }

      .content-right {
        width: 80%;
        background-color: #fff;
        margin-bottom: 120px;
        padding-bottom: 20px;
        border: 1px solid #e0e6e8;

        .top {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-top: 20px;
          border-bottom: 1px solid #c3c3c3;
          height: 50px;

          // padding: 5px;
          .top-left {
            font-size: 24px;
            height: 100%;
            line-height: 50px;
            padding-left: 5px;
            padding-right: 5px;
            color: #0b5eae;
          }

          .top-right {
            display: flex;
            align-items: center;
            padding-right: 10px;
            font-size: 14px;

            img {
              width: 20px;
            }

            .input {
              display: flex;
              align-items: center;
              margin-left: 20px;

              input {
                height: 20px;
                line-height: 20px;
                margin-right: 10px;
                text-align: center;
                border: 1px solid #f7f7f7;

              }

              input::placeholder {
                color: #cbcbcb;
              }
            }
          }
        }

        .font {
          .img {
            text-align: right;
            padding: 10px;

            img {
              width: 20px;
              margin-right: 5px;
            }

            img:hover {
              filter: drop-shadow(0 0 0 red);
            }
          }


          .font-content {
            padding: 10px;

            // border: 1px solid red;
            .gengduo {
              text-align: center;
              margin-top: 20px;
              color: #b1b1b1;
            }

            #one {

              #bottom1:hover {
                color: #c12e2a;
              }

              #bottom1 {
                // margin-top: 30px;
                height: 60px;
                line-height: 60px;
                display: flex;
                align-items: center;
                justify-content: space-between;
                font-size: 20px;
                border-bottom: 3px solid #dddddd;

                .bottom2 {
                  padding-left: 10px;
                  padding-right: 10px;
                  display: flex;
                  justify-content: space-between;
                  align-items: center;

                  img {
                    width: 20px;
                    height: 20px;
                    margin-right: 5px;
                  }
                }
              }
            }

            #two {
              display: none;

              .two-top {
                width: 95%;
                margin: auto;
                // float: left;
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;

                .two1 {
                  width: 45%;
                  margin-top: 20px;
                  background-color: #f8f8f8;

                  .img1 {
                    height: 200px;
                    width: 200px;
                    margin: auto;
                  }

                  .once {
                    width: 95%;
                    margin: auto;
                    border: 1px solid #ededed;
                  }

                  p {
                    padding: 10px;
                  }

                  .second {
                    text-align: right;
                    // width: 150px;
                    // margin-left: 280px;
                    text-align: right;

                    .p {
                      display: flex;
                      align-items: center;
                      width: 90%;
                      margin: auto;
                      margin-top: 10px;
                      margin-bottom: 10px;
                      color: #8a8a8a;
                      justify-content: right;

                      img {
                        width: 20px;
                        height: 20px;
                      }
                    }
                  }

                  img {
                    width: 100%;
                    height: 200px;
                  }
                }
              }
            }

            #three {
              display: none;

              .three1 {
                padding: 10px;
                display: flex;
                align-items: center;

                .three-left {
                  width: 30%;
                  background-color: #f4f4f4;
                  height: 150px;
                  text-align: center;
                  display: flex;
                  align-items: center;

                  img {
                    width: 60%;
                    height: 120px;
                    clear: both;
                    display: block;
                    margin: auto;

                  }
                }

                .three-right {
                  border: 3px solid #f5f5f5;
                  width: 100%;
                  padding: 10px;
                  background-color: #fff;
                  margin-left: -20px;

                  .three-none {
                    display: none;
                  }

                  .three-top {
                    font-size: 20px;
                    padding: 10px;
                  }

                  .three-bottom {
                    display: flex;
                    align-items: center;
                    margin-top: 20px;
                    padding: 10px;

                    // border: 1px solid red;
                    img {
                      margin-right: 10px;
                      height: 20px;
                      width: 20px;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }

    // 内容结束
    // 尾部开始
    .foot {
      position: relative;

      .img {
        width: 100%;
        height: 300px;
      }

      .foot-box {
        position: absolute;
        top: 20px;
        width: 100%;

        .foot-content {
          display: none;
        }

        .foot-top {
          display: flex;
          justify-content: space-between;
          align-items: center;
          width: 90%;
          margin: auto;

          .foot-left {
            color: #fff;
            padding: 10px;

            .left1 {
              font-size: 20px;
              margin-bottom: 10px;
            }

            .left2 {
              margin-bottom: 8px;
            }
          }

          .foot-center {
            width: 50%;

            img {
              width: 100%;
              height: 100px;
            }
          }

          .foot-none1 {
            display: none;
          }

          .foot-right {
            text-align: center;
            width: 20%;

            img {
              width: 40px;
              height: 40px;
              margin-right: 40px;
            }
          }
        }

        .foot-bottom {
          text-align: center;
          margin-top: 30px;
          color: #7aa1c8;
        }
      }
    }

    // 尾部结束
  }
}